<template>
  <div style="font-size: 0.35rem">
    <div style="height: 1rem; line-height: 1rem">
      <span @click="back" style="margin-left: 0.5rem"><</span>
      <span style="margin-left: 2.4rem; text-align: center">优选订单</span>
    </div>
    <div style="margin-left: 0.5rem; margin-right: 0.5rem">
      <van-tabs v-model:active="active">
        <van-tab v-for="index in list" :key="index" :title="index">
          <van-empty description="暂无数据" />
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import type { TabsProps } from 'ant-design-vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const back = () => {
  router.push('/ding/dingd')
}
const mode = ref<TabsProps['tabPosition']>('top')
const activeKey = ref(1)
const callback: TabsProps['onTabScroll'] = val => {
  console.log(val)
}
const list = [
  '全部',
  '待付款',
  '待审核',
  '待发货',
  '待收货',
  '待自取',
  '已完成',
  '已关闭',
]
</script>
